<%@page language="java" contentType="text/html;charset=utf-8"%>
<html>
 <head>
  <meta charset="UTF-8">
  <title>杂谈</title>
  <link rel="stylesheet" href="css/杂谈.css">
  <script src="js/杂谈.js" ></script>
  <script src="js/comment.js"></script>
 </head>
 <body>
  <div id="container">
	<div id="header">
		<jsp:include page="commen/top.jsp"/>
	<div id="hero_picture">
	<p align="left"><font color="gray" size="5">七大神兽图片(选中神兽名字即可切换图片)</font></p>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">
	<div id="hero_left">
		<table id="hero_tips">
			<tr style="color: gray">
				<td onmouseover="hero(1)"><font color="red" size="4">青龙</font></td>
			</tr>
			<tr style="color: gray">
				<td onmouseover="hero(2)"><font color="red" size="4">白虎</font></td>
				
			</tr>
			<tr style="color: gray">
				<td onmouseover="hero(3)"><font color="red" size="4">朱雀</font></td>
			</tr>
			<tr style="color: gray">
				<td onmouseover="hero(4)"><font color="red" size="4">玄武</font></td>
			</tr>

			<tr style="color: gray">
				<td onmouseover="hero(5)"><font color="red" size="4">水麒麟</font></td>
				
			</tr>
			<tr style="color: gray">
				<td onmouseover="hero(6)"><font color="red" size="4">夔</font></td>
				
			</tr>
			<tr style="color: gray">
				<td onmouseover="hero(7)"><font color="red" size="4">白泽</font></td>
				
			</tr>
			
		</table>
		</div>
		<div id="hero_right">
				<img id="a1" src="image/白泽.png" width="640px" height="300px"/>
		</div>
	</div>
	<div id="video">
		<p style="align-self: center;color:#990000;size:6px;font-family: KaiTi, serif" >神兽视频</p>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">
		<table >
		<tr>
		<td><video src="videos/神兽.mp4"  autostart="ture" loop="flase" width="1000px" height="500px" controls></video></td>
		</tr>
		</table>
	</div>
	<div id="comment">
		<jsp:include page="commen/bottom.jsp"/>
 </div>
  
 </body>
</html>
